<!-- video配置 -->
<template>
    <div>
        <el-form-item label="视频源">
            <avue-input
                type="textarea"
                v-model="main.activeObj.data.value"
                :disabled="disabled"
            ></avue-input>
        </el-form-item>
        <el-form-item label="自动播放">
            <avue-switch
                v-model="main.activeOption.autoplay"
                :disabled="disabled"
            ></avue-switch>
        </el-form-item>
        <el-form-item label="控制台">
            <avue-switch
                v-model="main.activeOption.controls"
                :disabled="disabled"
            ></avue-switch>
        </el-form-item>
        <el-form-item label="循环">
            <avue-switch
                v-model="main.activeOption.loop"
                :disabled="disabled"
            ></avue-switch>
        </el-form-item>
        <el-form-item label="音量">
            <avue-input-number
                v-model="main.activeOption.volume"
                :min="0"
                :max="1"
                :step="0.1"
                :disabled="disabled"
            >
            </avue-input-number>
        </el-form-item>
        <el-form-item label="默认倍速播放">
            <avue-select
                :disabled="disabled"
                v-model="main.activeOption.defaultPlaybackRate"
                :dic="dicOption.playbackRate"
            >
            </avue-select>
        </el-form-item>
        <el-form-item label="封面图">
            <el-input
                type="textarea"
                v-model="main.activeOption.poster"
                :disabled="disabled"
            >
            </el-input>
        </el-form-item>
    </div>
</template>

<script>
import { dicOption } from "@/option/config";
export default {
    name: "video",
    inject: ["main", "contain"],
    data() {
        return {
            dicOption: dicOption,
            disabled: this.contain.activeObj.isLock
        };
    }
};
</script>

<style></style>
